<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"  xmlns:fb="http://www.facebook.com/2008/fbml">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SCB First to Enjoy</title>
	<link rel="stylesheet" href="css/global.css" media="all" />
	<link rel="stylesheet" href="css/style.css" media="all" />
	<script src="js/jquery.min.js"></script>
    </head>
    <body>
	<script src="//connect.facebook.net/en_US/all.js#"></script>
	<div id="fb-root"></div>
	<input type="hidden" id="fb-root-holder" />
	<script type="text/javascript">
	    window.fbAsyncInit = function() {
		FB.init({
		    appId: '{$fb_app_id}',
		    status: true,
		    cookie: true,
		    xfbml: true,
		    channelUrl : '{$site_url}template/home/channel.html' // Channel File
		});
		
		FB.Canvas.setSize({width: 810, height: 834});
	    };
	    // Load the SDK Asynchronously
	    (function(d){
	       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
	       js = d.createElement('script'); js.id = id; js.async = true;
	       js.src = "//connect.facebook.net/en_US/all.js";
	       d.getElementsByTagName('head')[0].appendChild(js);
	     }(document));
	</script>
	
	<div id="wrapper" class="wrapper-prizes">
		
	    <div id="prizes-detail">
		<img src="{$site_url}assets/images/prizes/{$prize_id}/{$prize_img_detail}#" alt="$prize_remark" />
	    </div>
	    
	    <div id="prizes-logo">
		<img src="{$site_url}assets/images/prizes/{$prize_id}/{$prize_logo}#" alt="$prize_remark" />
	    </div>
	    
            <a href="javascript:void(0);"  id="form-bt">&nbsp;</a>
	    
	    <a href="javascript:void(0);" id="tc-bt" >&nbsp;</a>
	    <a href="#prizes-tc" id="tc-bt-holder" class="acolorbox hidden">&nbsp;</a>
	    <a href="javascript:void(0);" title="แชร์ให้เพื่อนของคุณ" id="prizes-share-bt" class="bt-fs-dialog">&nbsp;</a>
	    <a href="javascript:void(0);" id="announcement-bt" >&nbsp;</a>
	    <a href="#announcement-box" id="announcement-bt-holder" class="acolorbox hidden">&nbsp;</a>
	    
	    <div class="hidden">
		<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
		<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" media="all" />
		<script type="text/javascript" src="js/tinyscrollbar/jquery.tinyscrollbar.min.js"></script>
		<link rel="stylesheet" href="js/tinyscrollbar/css/tinyscrollbar.css" media="all" />
		<script type="text/javascript" src="js/jquery-friend-selector/jquery.friend.selector-1.1.min.js"></script>
		<link rel="stylesheet" href="js/jquery-friend-selector/jquery.friend.selector-1.1.css" />
		<script type="text/javascript">
		    $(document).ready(function(){
			$('.acolorbox').fancybox({
			    'closeBtn':false,
			    'autoDimensions' : false,
			    'autoScale' : false,
			    'closeClick' : false,
			    'helpers' :  {
				overlay : {
				    closeClick: false
				}
			    }
			});
			
			$('.light-box-close-bt').live('click',function(){
			   $.fancybox.close();
			});
			
			//$('#prizes-tc-detail').tinyscrollbar({
			//    'sizethumb': 31
			//});
			
			$('#form-bt').live('click',function(){
			   $('#form-info').submit();
			});
			
			$('#tc-bt').live('click',function(){
			   $('#tc-bt-holder').click();
			   
			   $('#prizes-tc-detail').tinyscrollbar({
				'sizethumb': 31
			    });
			});
			
			$('#announcement-bt').live('click',function(){
			   $('#announcement-bt-holder').click();
			   
			   $('#announcement-detail').tinyscrollbar({
				'sizethumb': 31
			    });
			});
			
			$(".bt-fs-dialog").fSelector({
			    max : 1,
			    closeOnSubmit : true,
			    'lang.buttonSubmit' : 'Confirm',
			    onSubmit: function(response){
				// example response usage
				var selected_friends = [];
				var is_selected = false;
				$.each(response, function(k, v){
				    selected_friends[k] = v;
				    is_selected = true;
				});
				
				if(is_selected){
				    send_to_friends(selected_friends[0]);
				}else{
				    alert("Please select your's friend.");
				}
				
			    }
			});
		    });
		    
		    function send_to_friends(friend_id)
		    {
			FB.ui({
				method: 'stream.publish',
				app_id: '{$fb_app_id}',
				display: 'iframe',
				name: 'FIRST TO ENJOY with SCB Credit card',
				link: '{$fb_page_url}',
				picture: '{$site_url}assets/images/icon.jpg',
				caption: 'ร่วมสนุกและลุ้นรับของรางวัลต่างๆ มากมาย',
				description: 'พร้อมติดตามเราอย่างต่อเนื่องที่ แฟนเพจ SCB CREDIT CARD',
				target_id: friend_id
			    },
			    function(response) {
				//post_to_wall();
			    }
			);
		    }
		</script>
		<!-- light box : TC -->
		<div id="prizes-tc">
		    <img src="images/close-bt.png" class="light-box-close-bt" alt="close" />
		    
		    <div id="prizes-tc-detail">
			<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
			<div class="viewport">
			    <div class="overview">
				<ul style="line-height:140%;margin-left:0;padding-left: 15px;">
				    <li>ผู้เข้าร่วมกิจกรรมต้องเป็น Fanpage ของ SCB Credit Card รวมถึงอ่านกติกาและเงื่อนไขให้เข้าใจก่อนกดปุ่มยอมรับ</li>
		    
				    <li>ผู้ร่วมกิจกรรมสามารถร่วมกิจกรรมตามวันและรอบ โดยติดตามจากโพสข้อความของธนาคาร ซึ่งจะแจ้งให้ทราบล่วงหน้าในวันที่มีกิจกรรม</li>
			    
				    <li>ธนาคารสงวนสิทธิ์มอบของรางวัลให้กับผู้เข้าร่วมกิจกรรมที่ตอบคำถามและทำตาม
			    เงื่อนไขที่กำหนดเพียงท่านละหนึ่งชิ้นต่อวันเท่านั้น โดยระบบจะเลือกและตรวจสอบโดยเรียงลำดับก่อนหลัง
			    ตามเวลา/วินาทีที่ตอบคำถามและปฏิบัติตามเงื่อนไขถูกต้องครบถ้วน และแจ้งให้ทราบถึงรายชื่อของผู้ที่ได้รับของรางวัลในแต่ละรอบ</li>
			    
				    <li>ผู้โชคดีที่ได้รับของรางวัลจะต้องระบุข้อมูลของตนเองให้ถูกต้องชัดเจน และครบถ้วน โดยธนาคารจะจัดส่งของรางวัลให้ตามที่อยู่ที่ใช้ในการจัดส่ง Statement เท่านั้นโดยผู้เข้าร่วมกิจกรรมไม่สามารถโอนสิทธิหรือเปลี่ยนแปลงตัวผู้รับของรางวัลหรือที่อยู่ที่ใช้ในการจัดส่ง</li>
			    
				    <li>ในกรณีที่ตรวจสอบพบการกระทำใด ๆ เข้าข่ายทุจริต หรือผิดวัตถุประสงค์กิจกรรม ธนาคารจะตัดสิทธิผู้เข้าร่วมกิจกรรมรายดังกล่าวออกจากกิจกรรม โดยไม่ต้องแจ้งให้ทราบล่วงหน้า</li>
			    
				    <li>หากมีข้อโต้แย้งเกิดขึ้น ให้ถือการตัดสินของธนาคารเป็นที่สิ้นสุด</li>
			    
				    <li>ธนาคารมีสิทธิเปลี่ยนแปลงข้อกำหนดเงื่อนไข และของรางวัล โดยไม่ต้องแจ้งให้ทราบล่วงหน้า และจะแจ้งการเปลี่ยนแปลงให้ทราบที่หน้า Fanpage SCB Credit card</li>
			    
				    <li>กิจกรรมนี้ไม่มีส่วนเกี่ยวข้องใด ๆ กับทาง Facebook ทั้งสิ้น</li>
				</ul>
			    </div>
			</div>
		    </div>
		    
		</div>
		<!-- light box : TC end -->
		
		<!-- light box : announcement -->
		<div id="announcement-box">
		    <img src="images/close-bt.png" class="light-box-close-bt" alt="close" />
		    
		    <!--<h3>ผู้โชคดีประจำชั่วโมง วันที่ {function="date('d/m/Y',$round_before_date)"}</h3>
		    
		    {loop="winner"}
			<!--<div class="name">{$counter+1}. คุณ {$value.name}</div>
			<div class="date">{function="date('d/m/Y H:i',$value.date_add)"}</div>
			<div class="clear">&nbsp;</div>
		    {/loop}-->
		    
		    <div id="announcement-detail">
			<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
			<div class="viewport">
			    <div class="overview">
				<img src="{$site_url}assets/images/winner/2012-09-12.png#" />
				<img src="{$site_url}assets/images/winner/2012-08-31.png#" />
				<img src="{$site_url}assets/images/winner/2012-08-24.png#" />
				<img src="{$site_url}assets/images/winner/2012-08-16.png#" />
				<img src="{$site_url}assets/images/winner/2012-08-08.png#" />
				<img src="{$site_url}assets/images/winner/1.png#" />
				<!--<img src="images/1.png" />-->
			    </div>
			</div>
		    </div>
		</div>
		<!-- light box : announcement end -->
		
		<form id="form-info" method="post" action="{$site_url}question.html">
		    <input type="hidden" name="name" value="{$name}" />
		    <input type="hidden" name="tel" value="{$tel}" />
		    <input type="hidden" name="credit" value="{$credit}" />
		    
		    <input type="hidden" name="prize_id" value="{$prize_id}" />
		    <input type="hidden" name="question_id" value="{$question_id}" />
		    <input type="hidden" name="round_id" value="{$round_id}" />
		    <input type="hidden" name="round_date" value="{$round_date}" />
		    <input type="hidden" name="round_time" value="{$round_time}" />
		</form>
		
		<a href="#ajax-loader-block" id="ajax-loader" class="acolorbox">Please wait...</a>
		<div id="ajax-loader-block" style="padding:15px 10px 5px 10px;background:#000000;text-align:center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;opacity: 0.7;color: #cccccc;">
		    <img src="images/284.gif" alt="Please wait..." style="width:60px;" />
		    <p>Please wait...</p>
		</div>
		
		
	    </div>
        </div>
    </body>
</html>